const BASE_URL = 'http://api-breakingnews-web.itheima.net'

// 第一个功能 : 安全 - 防止直接进入首页
// 如果你登录了, 可以直接访问 index.html
// 如果你没有登录, 滚到 login.html 去登录去
let token = localStorage.getItem('token')
if (!token) {
  location.href = '/login.html'
}

// 第二个功能 : 获取个人信息
function mg_getUserInfo() {
  //1. 发送请求
  axios
    .get(`${BASE_URL}/my/userinfo`, {
      headers: {
        Authorization: token,
      },
    })
    .then(res => {
      // 1.5 判断 token 失效的问题
      if (res.data.status === 1 && res.data.message === '身份认证失败！') {
        // 把本地失效的token 删除掉
        localStorage.removeItem('token')

        // 滚到登录页
        location.href = '/login.html'
        return
      }

      // console.log('获取个人信息:', res.data)
      //2. 解构
      let { user_pic, nickname, username } = res.data.data
      // console.log(user_pic)

      //3.1 展示昵称(nickname)
      if (nickname === '') {
        nickname = username
      }
      $('.nickname').html(nickname)

      //3.2 展示头像
      // 如果 user_pic 有值 ==> 显示头像
      // 如果 user_pic 没有值 ==> 显示用户名的首字符大写
      //  000011 ==> 0
      //  aaaaaa ==> a => A
      if (user_pic === null) {
        let firstLetter = username[0].toUpperCase()
        $('.avatar').html(firstLetter)
        $('.avatar').css('display', 'inline-block')
      } else {
        // TODO : 以后回来补
        $('.layui-nav-img').attr('src', user_pic)
        $('.layui-nav-img').css('display', 'inline-block')
      }
    })
}

mg_getUserInfo()

// 第三个功能 : 点击退出
//1. 注册事件
$('#logout').on('click', function () {
  //2.弹框
  layer.confirm('你是不是想退出?', { icon: 3, title: '小伙砸:' }, function (index) {
    //do something
    //3.1 把本地的token删除
    localStorage.removeItem('token')

    //3.2 滚到到login
    location.href = '/login.html'

    // 关闭当前弹框
    layer.close(index)
  })
})
